//获取元素
var topbox=document.getElementsByClassName('topbox');
var list=document.getElementsByClassName('list');
 var click_list=document.getElementsByClassName('click_list');
 var menu_list=document.getElementsByClassName('menu_list');
 var son_list=document.getElementsByClassName('son_list');
    //给左侧栏所有的LI增加点击事件
      for(i=0;i<menu_list.length;i++){
       mouseover(i);
       mouseout(i);
    }
     function mouseover(i){
         menu_list[i].onmouseover=function(){
             son_list[i].style.display='block';
           }
     }
     function mouseout(i){
         menu_list[i].onmouseout=function(){
             son_list[i].style.display='none';
         }
     }
 var trun_left=document.getElementById('turn_left');
     turn_left.onclick=function(){
     	if(num==0){
     	   num=list.length-2;
     	}else if(num==1){
     		num=list.length-1;
     	}else{
     		num-=2;
     	}	
     run();
     }
 var  trun_right=document.getElementById('turn_right');
      turn_right.onclick=function(){
      	run();
      }
  //定义初始值
    topbox[0].onmouseover=function(){
    	clearInterval(time);
    }
     topbox[0].onmouseout=function(){
     	time=setInterval(run,1000);
    }
   var num=0;
function run(){
 for(i=0;i<list.length;i++){
 	//清除所有的样式
 	list[i].style.display='none';
 	click_list[i].style.backgroundColor='#8B8B8B';
   }
   list[num].style.display="block";
   click_list[num].style.backgroundColor='#FFF';
   //判断一下num的值
   if(num==list.length-1){
   	 num=0;
   }else{
   	num++;
   }
}
//给点击列表增加点击事件
  for(var k=0;k<click_list.length;k++){
  	   clickList(k);
  }
    function clickList(k){
   	   click_list[k].onclick=function(){
   	 	  num=k;
   	      run();
   	   } 
   }
  run();
time=setInterval(run,1000);

   
